<template>
  <view class="activity_rules">
    <my-nav class-name="nav" title="活动规则" />
    <view class="content">
      <view class="t1">活动简介</view>
      <view class="p1">
        N皇后问题是经典的组合优化问题，也是算法设计中的经典案例。作为NP完全问题，难度随N值指数增长，是算法优化创新的试金石，而量子计算机在解决此问题上展现了绝佳优势。
      </view>
      <view class="p1">
        为此，我们发起了“10皇后挑战”，邀请量子计算爱好者们参与真机实战挑战，共同见证量子计算机解决10皇后问题的能力，同时也为大家设立了丰厚奖励。
      </view>
      <view class="hr"></view>
      <view class="t1">活动规则</view>
      <view class="p1">活动时间</view>
      <view class="p1">活动持续至10皇后问题的724个解全部找到 </view>
      <view class="p1">活动参与</view>
      <view style="display: flex">
        <view class="p1">&nbsp;&nbsp;1.</view>
        <view class="p1">
          登录小程序进入活动页面即可参赛，并获得5次真机使用配额；
        </view>
      </view>
      <view style="display: flex">
        <view class="p1">&nbsp;&nbsp;2.</view>
        <view class="p1">每次使用真机找到新解，额外获得2次计算配额；</view>
      </view>
      <view class="p1">&nbsp;&nbsp;3.每天最多使用真机计算10次。</view>
      <view class="p1">配额获取</view>
      <view class="p1">手动找到新解，可获1次计算配额；</view>
      <view class="p1">
        邀请新用户参与，邀请者得5次配额，被邀请者得3次配额；
      </view>
      <view class="p1">注：量子计算机和手动获得的新解将分别统计，手动解仅用于获得配额，不计入最终真解榜单。</view>
      <view class="hr"></view>
      <view class="t1">奖励细则</view>
      <view class="p1">计算榜</view>
      <view class="p1">首位解出所有可行解的用户，奖励1000元京东购物卡</view>
      <view class="p1">计算榜</view>
      <view class="p1">解出最后一个可行解的用户，奖励1000元京东购物卡</view>
      <view class="p1">周榜</view>
      <view class="p1">每周首位解出最多可行解的用户，奖励200元京东购物卡</view>
      <view class="hr"></view>
      <view class="t1">注意事项</view>
      <view class="p1">&nbsp;&nbsp;1.周榜周期：每周一00:00至周日23:59 </view>
      <view style="display: flex">
        <view class="p1">&nbsp;&nbsp;2.</view>
        <view class="p1">
          由于资源有限，真机计算可能会有排队，以实际计算结果时间为准，先提交先处理
        </view>
      </view>
      <view style="display: flex">
        <view class="p1">&nbsp;&nbsp;3.</view>
        <view class="p1">以真机计算结果显示解出最多新可行解的用户为第一名</view>
      </view>
      <view class="p1">*玻色量子公司保留最终解释权。</view>
    </view>
  </view>
</template>

<script setup lang="ts">
import myNav from "@/components/my-nav.vue";
</script>

<style scoped lang="scss">
.activity_rules {
  height: 100vh;
  overflow: auto;
  @mixin back {
    background: radial-gradient(
        67% 16% at 85% -1%,
        #ffe6db 0%,
        rgba(255, 232, 177, 0) 100%
      ),
      radial-gradient(
        145% 79% at 17% 0%,
        rgba(255, 174, 139, 0.6) 0%,
        rgba(255, 222, 190, 0.6) 40%,
        rgba(255, 255, 255, 0.6) 100%
      ),
      #f8f8f8;
    background-size: 100% 100vh;
  }
  @include back;
  ::v-deep .nav {
    @include back;
  }

  .content {
    margin: 12px 16px;
    padding: 20px 16px;
    border-radius: 20px;
    background: linear-gradient(
      180deg,
      rgba(255, 255, 255, 0.4) 0%,
      #ffffff 100%
    );
    box-shadow: 0 0 2px 0 #fcfcfc;
    .t1 {
      margin-bottom: 12px;
      font-size: 15px;
      font-weight: 500;
      line-height: 100%;
      color: rgba(0, 0, 0, 0.9);
    }
    .p1 {
      font-size: 13px;
      line-height: 180%;
      color: rgba(0, 0, 0, 0.6);
    }
    .hr {
      height: 1px;
      margin: 12px 0;
      background-color: rgba(0, 0, 0, 0.05);
    }
  }
}
</style>
